<template>
  <div class="">
    <div class="box shadow-sm border rounded bg-white mb-3">
      <div class="box-title border-bottom p-3">
        <h6 class="m-0">成就
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-a-chengjichengjiuzilijiangbeishu"></use>
          </svg>
          & 徽章
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-ziyuan"></use>
          </svg></h6>
      </div>
      <div class="box-body">
        <div class="d-flex align-items-center osahan-post-header p-3 border-bottom people-list">
          <div class="dropdown-list-image mr-3">
            <img class="rounded-circle" src="@/assets/img/l4.png" alt="">
          </div>
          <div class="font-weight-bold">
            <div class="text-truncate">内测大玩家！ <span class="badge badge-danger ml-1">1</span></div>
            <div class="small text-muted"><span class="text-primary">第一批内测玩家</span> 2022虎年！我们一起加油！
            </div>
          </div>
        </div>
        <div class="d-flex align-items-center osahan-post-header p-3 border-bottom people-list">
          <div class="dropdown-list-image mr-3">
            <img class="rounded-circle" src="@/assets/img/l8.png" alt="">
          </div>
          <div class="font-weight-bold">
            <div class="text-truncate">进阶的Mood粉
              <span class="badge  badge-dark ml-1">2</span></div>
            <div class="small text-muted"><span class="text-primary">进阶的Mooder</span> 冲！！冲！冲！！
            </div>
          </div>
        </div>
        <div class="d-flex align-items-center osahan-post-header p-3 people-list">
          <div class="dropdown-list-image mr-3">
            <img class="rounded-circle" src="@/assets/img/l5.png" alt="">
          </div>
          <div class="font-weight-bold">
            <div class="text-truncate">有头有脸有身份<span class="badge badge-info ml-1">3</span></div>
            <div class="small text-muted"><span class="text-primary">资料完整度很强</span> 详细资料+签名+头像
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {

    };
  },
  components: {

  },
};
</script>

<style scoped lang="scss">
svg {
  width: 10%;
  height: 20px;
}
</style>
